﻿<!DOCTYPE html>
<html lang="en">

<head>
    <link href="css/BigData.css" rel="stylesheet" type="text/css" />
    <link href="css/index.css" rel="stylesheet" type="text/css" />
    <link href="css/index01.css" rel="stylesheet" type="text/css" />
    <link href="js/bstable/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="js/bstable/css/bootstrap-table.css" rel="stylesheet" type="text/css" />
    <link href="css/Security_operation.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="js/artDialog/skins/default.css" type="text/css" />

    <script src="js/jquery.js"></script>
    <script src="js/echarts.min.js"></script>
    <script src="js/echarts-wordcloud.min.js"></script>
    <script src="js/artDialog/artDialog.js"></script>
    <script src="js/bstable/js/bootstrap.min.js"></script>
    <script src="js/artDialog/plugins/iframeTools.source.js"></script>
    <script src="js/laydate.js"></script>
    <script src="js/bstable/js/bootstrap-table.js"></script>

    <script type="text/javascript" src="js/jquery.pagination.js"></script>
    <script src="js/bstable/js/bootstrap-table-zh-CN.min.js"></script>
    <script src="js/index.js"></script>
    <meta charset="UTF-8">
    <title>大数据管理平台</title>

</head>

<body>
    <div class="data_bodey">
        <div class="index_nav">
            <ul style="height: 30px; margin-bottom: 0px;">
                <!-- <li class="l_left total_chose_fr nav_active">实时监测</li> -->
                <li class="l_left total_chose_pl nav_active">拉钩分析</li>
                <li class="l_left total_chose_pl">51Job分析</li>
                <li class="l_left total_chose_pl">实习僧分析</li>
                <div id="time" style="font-size: 2.5vh;margin: 1% 4% 0 0; color:#eeecece0; float: right;"></div>
            </ul>
            <div class="clear" style="height: 35px;"></div>

            <!-- <div class="total_chose_box" style="display: inline;">
                <div style="height: 28px;"></div>
                <span class="chose_tltle">请选择年份：</span>
                <select class="year_chose">
                    <option>2017</option>
                    <option>2016</option>
                </select>
                <span class="chose_tltle">请输入月份：</span>
                <input class="chose_text_in">
                <span class="chose_tltle">请选择区域：</span>
                <select class="year_chose">
                    <option> 北京市</option>
                    <option>自贡市</option>
                </select>
                <button class="chose_enter">确定</button>
            </div> -->

        </div>
        <div></div>

        <div class="index_tabs">

            <div class="inner" style="height: 109%;">
                <div class="data_left03">
                    <div class="dataAllNo01 maginS01">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit3">薪资分析</div>
                                <div style="height: 15px;"></div>
                                <div class="test01" id="job_left01" style="width: 100%;height: 43%;"></div>
                                <div style="height: 15px;"></div>
                                <div class="test01" id="job_left02" style="width: 100%;height: 43%;"></div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="data_left04">
                    <div class="dataAllNo01">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit3">公司 &nbsp;|&nbsp; 岗位分析</div>
                                <div style="height: 15px;"></div>
                                <div class="test01" id="job_center01" style="width: 100%;height: 48%;"></div>
                                <div class="zhanleft01" id="allAly01" style="width: 100%; height: 40%;"></div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="data_left03">
                    <div class="dataAllNo01 maginS01">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit3">学历 &nbsp;| &nbsp;福利分析</div>
                                <div class="test01" id="WordCloud" style="width: 100%;height: 48%;"></div>
                                <!-- <p> -->
                                    <div class="zhanleft01"  id="education" style="width: 100%; height: 45%;"></div>
                                    <!-- <div class="zhanleft01"  id="experience"></div>
                                </p> -->
                            </div>
                        </div>
                    </div>
                </div>


            </div>

            <div class="inner" style="display: none">
                <div class="clear"></div>
                <div class="data_left05">
                    <div class="dataAllNo02 ">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit">公司类型分析</div>
                                <p class="data_chart02" id="shijian01"></p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="data_left05">
                    <div class="dataAllNo02 ">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit">城市岗位数量分析</div>
                                <p class="data_chart02" id="shijian03"></p>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="clear"></div>
                <div class="data_left05">
                    <div class="dataAllNo02">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit">公司发布岗位数量分析</div>
                                <p class="data_chart02" id="shijian02"></p>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="data_left05">
                    <div class="dataAllNo02">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit">薪资分析</div>

                                <p class="data_chart03" id="shijian04"></p>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="inner" style="display: none">

                <div class="manage_left l_left">
                    <div class="manage_line1">
                        <div class="manage_line2">
                            <div class="manage_top_middle">
                               <div style="width: 100%;height: 80%;" id="xueli"></div>
                            </div>
                            <div class="manage_left_top">
                                <div class="manage_top_left l_left" style="width: 100%;">
                                    <div id="chenshi01" style="height: 90%"></div>
                                </div>
                            </div>
                            <div class="manage_top_middle">
                                <div id="container4" style="height: 90%"></div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="manage_left l_left">
                    <div class="manage_line1">
                        <div class="manage_line2">
                            <div class="manage_top_middle l_left">
                                <div id="container9" style="height: 90%"></div>
                            </div>
                            <div class="manage_top_middle l_left">
                                <div id="container10" style="height: 90%"></div>
                            </div>
                            <div class="manage_top_middle l_left">
                                <div id="container11" style="height: 90%"></div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="manage_left l_left">
                    <div class="manage_line1">
                        <div class="manage_line2">
                            <div class="manage_top_middle">
                                <div id="container12" style="height: 90%"></div>
                            </div>
                            <div class="manage_top_middle">
                                <div id="container6" style="height: 90%"></div>
                            </div>
                            <div class="manage_top_middle l_left">
                                <div id="container5" style="height: 90%"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


        </div>
    </div>

    <script src="js/Home_page.js"></script>

    <script type="text/javascript">
        function time() {
            var vWeek, vWeek_s, vDay;
            vWeek = ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
            var date = new Date();
            year = date.getFullYear();
            month = date.getMonth() + 1;
            day = date.getDate();
            hours = date.getHours();
            minutes = date.getMinutes();
            seconds = date.getSeconds();
            vWeek_s = date.getDay();
            document.getElementById("time").innerHTML = "当前时间  " + year + "年" + month + "月" + day + "日" + "\t" + hours + ":" + minutes + ":" + seconds + "\t" + vWeek[vWeek_s];

        };
        setInterval("time()", 1000);
    </script>

</body>

</html>